$ddd: #ddd;
$lbj: #274276;
$h25: 25px;
$h30: 30px;
$h35: 35px;

* {padding:0px; margin:0px;}
ul,li{
	list-style: none;
    margin: 0px;
    padding: 0px;
}
.text-center{text-align: center;}
.pos-rela{position: relative;}

body{font-size:100%}

.main{ background-color: $lbj; }
.pt8{ padding-top:0.8rem;  }
.pb8{ padding-bottom:0.8rem;  }
.wm95{	
	width:95%;
	margin:0px auto;
}

.yxb_gz{ position: fixed; top:0; right:10px; width:15%; z-index:999; }

.yxb_b {
	img{
		width: 100%;
		display: block;
	}
}

.tablegs {
	border-spacing: 0;
    border-collapse: collapse;
	border:none;
	@extend .wm95;
	border: 1px solid $ddd;
	line-height: 1.8rem;
	font-size:13px;
	th{
		font-weight: normal;
		border: 1px solid #78c1fa;
		background-color: #193365; color:#fff;
	}
	td{
		text-align: center;
		border: 1px solid #78c1fa;
		color:#fff;
	}
		
}

.gz-title{
	margin:8px 0;
	background: url('../images/gz-title.png') no-repeat;
	font-size:16px;
	text-indent: 16px;
	background-size: cover;
	line-height: $h30;
	height: $h35;
	color:#fff;
	padding-right: 1rem;
	display: inline-block;
}

.gz-conter{
	@extend .wm95;
	color:#fff;
	line-height: 25px;
	font-size:14px;
}	
.yk-ul {
	@extend .wm95;
	color:#fff;
	font-size:14px;
	li{
		line-height: 20px;
		margin-bottom: 10px;
	}
}
.footer{
	font-size:12px;
	color:#78c1fa;
	line-height: 20px;
	padding-bottom: 10px;
}

.gz-btn{
	@extend .wm95;
	background-color: #e54e4e;
	display: block;
	font-size:1.2rem;
	line-height: 3rem;
	color:#fff;
	margin-top:10px;
	margin-bottom:10px;
	img{vertical-align: middle; height: 30px;}
}

.yxb-my-conter{
	background:url('../images/yxb-my-conter.jpg') #2a4c8e no-repeat top right;
	.myzj{
		height:4rem;
		position: absolute;
		left:2px;
		top:0;
	}
	.yxb-my-box{
		padding:1rem 0;
		background-color: #193365;
		@extend .wm95;
		div {
			color:#79c2f9;
			width: 33.3%;
			float: left;
			display: block;
			img{
				height: 4rem;
				width: 4rem;
				border:3px solid #78c3fd;
 				border-radius:50%; 
			}
			h4{	padding-top: 0.6rem;
				color:#feda48;
				font-size:1.5rem;
			}
			a{
				margin-top: 1rem;
				background-color: #e64d4f;
				font-size:1.2rem;
				padding: 0.4rem 1rem;
				display: inline-block;
				color:#fff;
				text-decoration: none;
				border-radius: 5px;
			}

		}

	}


@media screen and (max-width: 320px) {
	.myzj{
		height:3.5rem;
		position: absolute;
		left:2px;
		top:0;
	}
	.yxb-my-box{
	       	div {
				color:#79c2f9;
				width: 34.5%;
				float: left;
				display: block;
				&:nth-child(2){width:31%;}

				img{
					height: 3.5rem;
					width: 3.5rem;
					border:3px solid #78c3fd;
	 				border-radius:50%; 
				}
				h4{	padding-top: 0.6rem;
					color:#feda48;
					font-size:1.2rem;
				}
				a{
					margin-top: 1rem;
					background-color: #e64d4f;
					font-size:1rem;
					padding: 0.4rem 0.5rem;
					display: inline-block;
					color:#fff;
					text-decoration: none;
					border-radius: 5px;
				}

			}
   		} 
	}

}

.yxb-phb-conter{
	padding-bottom: 10px;
	background-color: #3e66b3;
	.yxb-phb{
		margin-top: 0.5rem;
		width:100%;
	}
	.yxb-phb-box{
		@extend .wm95;
		background-color: #172540;
		ul.yxb-phb-tab{
			background-color: #172540;
			color:#fff;
			li{ width:33.3%; float: left; text-align: center; font-size:16px; padding:0.6rem 0; 
				&.active{
					color:#79c2f9;
					background-color: #193365;

					@for $i from 1 through 3 {
						&:nth-child(#{$i}) i{
							background: url('../images/phb-tab-active-#{$i}.png') no-repeat; background-size: contain;
						} 
					}
				}
				i{height:20px; width:20px;display: inline-block; vertical-align: top; margin-right: 5px;}

				@for $i from 1 through 3 {
					&:nth-child(#{$i}) i{
						background: url('../images/phb-tab-#{$i}.png') no-repeat; background-size: contain;
					} 
				}

			}
		}
		.yxb-phb-list{
			background-color: #193365;
			ul{
				padding: 10px 5px;
				border-bottom:1px solid #1d3054;
				li{
					float: left;
					&:nth-child(1){ 
						width:10%;  
						text-align: center;  
						line-height: 3.5rem;
						img{
							width:80%;
							vertical-align: middle;
						}
					}
					&:nth-child(2){ 
						width:25%; 
						text-align: center;  
						img{
							height: 3.5rem;
							width: 3.5rem;
							border:2px solid #78c3fd;
			 				border-radius:50%; 
						}
					}
					&:nth-child(3){ 
						padding-top: 0.5rem;
						width:43%; 
						font-size:14px;
						color: #79c2f9;
						line-height: 1.2rem;
						h3{
							color:#fff;
							font-weight: normal;
							font-size: 16px;
							overflow: hidden;
							text-overflow: ellipsis;
    						white-space: nowrap;
						}

					}
					&:nth-child(4){ 
						padding-top: 0.5rem;
						text-align: right;
						width:21.5%; 
						font-size:14px;
						color: #79c2f9;
						line-height: 1.2rem;
						h4{
							padding-right: 0.5%;
							color:#feda48;
							font-weight: normal;
							font-size: 18px;							
						}
					}
				}
			}
		}
	}
}

.clearfix {
    &:after {
        clear: both;
        content: '.';
        display: block;
        height: 0;
        line-height: 0;
        overflow: hidden;
    }
    *height: 1%;
}

/**
	循环left, center, right
	页面调用div class="text-left";
**/
$algin-list: left, center, right; 
@each $algin in $algin-list{
  .text-#{$algin} {
	text-align: #{$algin};
  }
}

